.ContentBox{
    width: 981px;
    min-height: 700px;
    margin: 0 auto;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    .left{
        width: 730px;
        padding: 25px;
        border-right: 1px solid #d3d3d3;
        .top{
            height: 35px;
            font-size: 12px;
            border-bottom: 3px solid red;
            background: url(../images/index.png) no-repeat -225px -156px;
            padding-left: 35px;
            margin-bottom: 25px;
            a{
                &:hover{
                    text-decoration: underline;
                }
            }
            .title{
                line-height: 28px;
                font-size: 20px;
                a:hover{
                    text-decoration: none;
                }
            }
            .list{
                display: inline-block;
                a{
                    border-left: 1px solid #333;
                    
                    color:#333;
                    padding: 0 15px;
                    &:first-child{
                        border-left:none;
                    }
                }
            }
            .more{
                line-height: 35px;
                i{  
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    background: url(../images/index.png) no-repeat 0 -240px;
                }
            }
        }
        .partTow,.partThree{
            height: 200px;
            background: pink;
        }
        .partOne{
            a:hover{
                text-decoration: underline;
            }
            .list{
                .listItem{
                    width: 140px;
                    margin-right: 39px;
                    margin-bottom: 60px;
                    position: relative;
                    &:nth-child(4n){
                        margin-right: 0;
                    }
                    .discoverA{
                        display: block;
                        height: 140px;
                        width: 140px;
                        background: url('../images/coverall.png') no-repeat;
                        position: absolute;
                        top: 0;
                        left:0;
                    }
                    .bottom{
                        height: 27px;
                        width: 100%;
                        background: rgba(0,0,0,0.5);
                        position: absolute;
                        bottom: 35px;
                        .one{
                            display: inline-block;
                            height: 11px;
                            width: 14px;
                            background: url('../images/iconall.png') no-repeat 0 -24px;
                            margin: 8px 10px;
                            vertical-align: middle;
                        }
                        .two{
                            color:#ccc;
                            font-size: 12px;
                        }
                        a{
                            display: inline-block;
                            float: right;
                            width: 16px;
                            height: 17px;
                            background: url('../images/iconall.png') no-repeat;
                            margin-top: 5px;
                            margin-right: 10px;
                        }
                    }
                    p{
                        a{
                            font-size: 14px;
                            cursor: pointer;
                        }
                    }
                }
            }
        }
    }
    .right{
        width: 249px;
        height: 700px;;
        background: skyblue;
    }
}